import React, { PureComponent, Fragment } from 'react';
import { Row, Col, Button } from 'antd';

import styles from './index.less';

class ProductSubscribe extends PureComponent {
  render() {
    return (
      <Fragment>
        <Row style={{ textAlign: 'right' }}>
          <Button>使用教程</Button>
          <Button type="primary" style={{ marginLeft: 10 }}>
            设置
          </Button>
        </Row>
        <Row style={{ marginTop: 15 }}>
          <Col className={styles.info_item} span={3}>
            订阅消息类型
          </Col>
          <Col className={styles.info_con_end} span={21}>
            设备上报消息, 设备状态变化通知, 设备生命周期变更
          </Col>
        </Row>
      </Fragment>
    );
  }
}

export default ProductSubscribe;
